<template>
  <div>
    <el-row>
      <el-col :span="4" >
        <!--  左侧菜单栏    -->
        <MenuBar/>
      </el-col>
      <el-col :span="20">
        <el-row>
            <!--  顶部用户信息栏    -->
            <UserInfo/>
        </el-row>
        <el-row>
            <!--    数据展示页      -->
          <router-view></router-view>
        </el-row>

      </el-col>
    </el-row>
  </div>
</template>

<script>
import MenuBar from "@/components/menuBar/MenuBar";
import UserInfo from "@/components/userInfo/UserInfo";
export default {
  name: "homePage",
  components: {MenuBar,UserInfo},
  data(){
    return{

    }
  }
}
</script>

<style scoped>

</style>